<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>浮动定位</title>
        <link rel="stylesheet" href="float.css">
    </head>
    <body>

        <h3>"浮动定位"</h3>
        <p>这是一种不务正业的定位方式</p>

        <div class="wrapper first">
            <div>天</div>
            <div>地</div>
            <div>玄</div>
            <div>黄</div>
            <div>宇</div>
            <div>宙</div>
            <div>洪</div>
            <div>荒</div>
        </div>

        <div class="wrapper second">
            <div>天</div>
            <div>地</div>
            <div>玄</div>
            <div>黄</div>
            <div>宇</div>
            <div>宙</div>
            <div>洪</div>
            <div>荒</div>
        </div>

        <div class="wrapper third">
            <span>天</span>
            <span>地</span>
            <span>玄</span>
        </div>

    </body>
</html>